import React, { useEffect } from 'react';

interface Props {
  /** 协议类型 */
  type: 'noticeYD' | 'userInfo' | 'phone' | string;
  onClose: () => void;
}

export default function ProtocolDialog({ type = 'book', onClose }: Props) {
  let p =
    type === 'phone'
      ? phoneProtocol
      : type === 'noticeYD'
      ? noticeYDProtocol
      : type === 'userInfo'
      ? userInfoProtocol
      : { title: '', content: [] };
  useEffect(() => {
    window.document.body.style.overflow = 'hidden';
  }, []);

  function handleClose() {
    window.document.body.style.overflow = '';
    onClose();
  }
  return (
    <div className="protocol-dialog">
      <div className="protocol-mask" onClick={handleClose} />
      <div className="protocol-center" onClick={() => {}}>
        <div className="protocol-title-block">
          <div className="protocol-title">{p.title}</div>
          <div className="protocol-close" onClick={handleClose}>
            <img alt="" className="close-icon" src={closeIcon} />
          </div>
        </div>
        <div className="protocol-content">
          {p.content.map((v, i) => (
            <div key={i} className="protocol-content-line">
              {v}
            </div>
          ))}
        </div>
      </div>
    </div>
  );
}

let closeIcon =
  '';

let noticeYDProtocol = {
  title: '关于客户个人信息收集，使用及保护的公告',
  content: [
    '尊敬的客户：',
    '您好！',
    '       根据《中华人民共和国个人信息保护法》、《中华人民共和国数据安全法》、《中华人民共和国网络安全法》、《全国人民代表大会常务委员会关于加强网络信息保护的决定》、《电信和互联网用户个人信息保护规定》（工业和信息化部令第24号）和《电话用户真实身份信息登记规定》（工业和信息化部令第25号）等国家法律法规的要求，客户在公司各类营业网点（含自有营业厅、手机营业厅、网上营业厅、授权合作代理店等）办理电话卡（含无线上网卡）、固定电话、家庭宽带入网、过户以及需要出示客户证件的有关业务时，客户应配合出示有效身份证件原件并进行查验、登记。登记信息包括姓名、证件类型、证件号码等。同时，为更好地提供服务，可能需要客户提供如联系人、联系电话、通信地址、电子邮箱等信息。您在使用套餐类业务办理、通用流量包类业务办理、定向流量包类业务办理、权益+流量包办理、语音短信这类业务办理服务时，我们可能需要收集和使用您的手机号码、短信验证码，确保成功为您办理业务。',
    '上述数据会提供给我们的合作运营商，用于为您办理业务。在接受和使用我司销售分公司的服务和产品前，您应了解我司销售分公司的《隐私和信息保护政策》，（完整政策可查看网页https://dev.coc.10086.cn/coc/web2/Agreement/）同意本文件即视为您已了解并同意我司销售分公司的隐私和信息保护政策。',
    '       客户本人持有效身份证件可通过自有营业厅查询和/或更正本人信息，或登录手机营业厅查询本人信息。如客户拒绝依法提供个人有效证件及真实信息，中国移动有权不提供服务或终止服务。',
    '       为向客户提供优质、个性化的服务，我公司将遵循合法、正当、必要的原则，按照法律法规规定和/或协议约定使用留存客户个人信息，并妥善保管，严格保密，依法保护客户个人信息，非因下列事由，不对外提供客户个人信息：',
    '1）事先获得客户的明确授权；',
    '2）根据有关的法律法规要求；',
    '3）按照相关司法机关和/或政府主管部门的要求；',
    '4）为维护社会公众的利益所必需且适当；',
    '5）为维护我公司或客户的合法权益所必需且适当；',
    '6）为确保您能成功办理中国移动独立或与我们合作的运营活动，我们会将您提交的信息提供给中国移动。',
    '',
    '',
    '河南天诺信息技术有限公司',
  ],
};

let userInfoProtocol = {
  title: '关于客户个人信息收集、使用规则的公告',
  content: [
    '尊敬的客户：',
    '根据《中华人民共和国反恐怖主义法》《全国人民代表大会常务委员会关于加强网络信息保护的决定》、《电信和互联网用户个人信息保护规定》(工业和信息化部令第24号)和《电话用户真实身份信息登记规定》(工业和信息化部令第25号)等国家法律法规的要求，客户在中国联合网络通信有限公司各类营业网点(含自有营业厅、手机营业厅、网上营业厅、授权合作代理商等)办理固定电话、移动电话(含无线上网卡)入网、过户以及需要出示客户证件的有关业务时，客户应配合出示有效证件原件并进行查验、登记，登记信息包括姓名、证件类型、号码及地址等。同时，为更好地提供服务，需要客户提供如联系人、联系电话、通信地址、电子邮箱等信息，根据业务受理情况，必要时会致电客户本人，客户本人持有效证件可通过自有营业厅查询和/或更正本人信息，或登录手机营业厅查询本人信息。',
    '如客户拒绝依法提供个人有效证件及真实信息，我公司有权不提供服务或终止服务。',
    '为向客户提供优质、个性化的服务，包括但不限于提供通信服务、保障通信服务安全、改善服务质量、推介个性化产品等，我公司将遵循合法、正当、必要的原则，按照法律法规规定和/或协议约定使用留存客户个人信息，并妥善保管，严格保密，依法保护客户个人信息，非因下列事由，不对外泄露客户个人信息:',
    '(a)事先获得客户的明确授权;',
    '(b)根据有关的法律法规要求；',
    '(c)按照相关司法机关和/或政府主管部门的要求；',
    '(d)为维护社会公众的利益所必需且适当；',
    '(e)为维护我公司或客户的合法权益所必需且适当。',
  ],
};

let phoneProtocol = {
  title: '办理电话号码开户法律风险及防范提示告知书',
  content: [
    '为进一步加强打击治理通讯网络新型违法犯罪工作，根据《中华人民共和国刑法》、《中华人民共和国网络安全法》、《中华人民共和国电信条例》、《关于防范和打击电信网络诈骗犯罪的通告》、《工业和信息化部关于进一步防范和打击通讯信息诈骗工作的实施意见》等文件相关规定现对办理电话号码开户人法律风险及防范提示，告知如下：',
    '一、办理固定电话、移动电话等开户入网手续，必须持本人合法有效身份证件实名登记;不得冒用他人身份证件，或者使用伪造、变造的身份证件或单位证件办理入网手续。',
    '二、不得将办理的电话用于违法犯罪活动;不得转售、倒卖、出租电话卡。',
    '三、未取得电信业务经营许可证的任何组织或者个人，不得从事电信业务经营活动。',
    '请开户申请人严格遵守以上规定，如有违反，通信运营企业有权采取关停号码、解除合同、纳入信用管理等处置措施。对涉嫌伪造变造身份证件、帮助信息网络犯罪活动、非法经营等违法犯罪的，将依法严厉追究当事人法律责任。',
    '开户申请人已清楚明确阅读上述告知内容，将依法合规申请、使用相关电信业务。',
    '客户签名: 日期(年月日)',
  ],
};
